<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="renderer" content="webkit">
    <title>艾玛英语</title>
    <!-- ================== BASE CSS STYLE ================== -->
    <link rel="stylesheet" href="__PATH__/assets/css/base.css">
    <!-- ================== / BASE CSS STYLE ================== -->
    <!-- ================== PAGE CSS STYLE ================== -->
</head>

<body>
    <div id="main">
        <div class="invite-banner">
            <div class="inner">
                <img src="__PATH__/assets/css/img/05/bg2.png" alt="">
            </div>
        </div>
        <div class="invite-description-list">
            <ul>
                <li>
                    <img src="__PATH__/assets/css/img/05/icon-01.png" alt="">
                    <strong>你得代金券50￥/人</strong>
                    <span>成功推荐1人，得百词斩商城代金券50元，可用于购买文具，书籍和各种课程。</span>
                </li>
                <li>
                    <img src="__PATH__/assets/css/img/05/icon-02.png" alt="">
                    <strong>还有最高￥2000额外奖励</strong>
                    <span>进入推荐榜前五名，还有额外奖励。</span>
                </li>
                <li>
                    <img src="__PATH__/assets/css/img/05/icon-03.png" alt="">
                    <strong>好友报名立减￥20</strong>
                    <span>好友报名本期课程，享受立减20元优惠！</span>
                </li>
            </ul>
        </div>
        <div class="p-b-100">
            <a href="javascript:;" class="invite full-button p-l-20 p-r-20">
                <img src="__PATH__/assets/css/img/05/button.png" alt="">
            </a>
        </div>
    </div>
    <nav id="navigator">
       <ul>
            <li class="active"><a href="{:url('wechat/index')}">今日学习</a></li>
            <li><a href="{:url('wechat/study_recorde')}">学习记录</a></li>
            <li><a href="{:url('wechat/book')}">听绘本</a></li>
            <li><a href="{:url('wechat/my')}">我的</a></li>
        </ul>
    </nav>

    <div class="share-box" style="display: none">
        <img src="__PATH__/assets/css/img/06/share.png" alt="">
    </div>


    <!-- ================== BASE JS ================== -->
    <script src="__PATH__/assets/js/jquery-1.9.1.min.js"></script>
    <script src="__PATH__/assets/js/common.js"></script>
    <!-- ================== / BASE JS ================== -->
    <!-- ================== PAGE LEVEL JS ================== -->
    <script>
    $(document).ready(function() {
        $('.invite').click(function() {
            $('.share-box').fadeIn();
        });
        $('.share-box').click(function() {
            $('.share-box').fadeOut();
        });
    });
    </script>
    <!-- ================== / PAGE LEVEL JS ================== -->
</body>

</html>
